<template>
  <div style="width: 300px; height: 150px; margin: 0 20px; border: 1px solid #eeeeee;">
    <div class="store-name">
      {{ storeName }}
    </div>
    <el-divider></el-divider>
    <div style="padding: 0 20px 20px 20px;">
      <el-button style="background-color: #f8f8f8;" @click="this.$router.push({path: '/store', query:{id:storeId}})">
        <el-icon style="color: #3271ae; margin-right: 10px;">
          <HomeFilled />
        </el-icon>
        进店逛逛
      </el-button>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    storeName: String,
    storeId: Number
  },
};
</script>

<style scoped>
.store-name {
  width: calc(100% -20px);
  padding: 10px;
  height: 30px;
  line-height: 30px;
  background-color: #f7f7f7;
  color: #666666;
  border-bottom: 1px solid #eeeeee;
  font-size: 16px;
  font-weight: 600;
}
</style>